* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100%;
}

.top {
    width: 80%;
    height: 55px;
    border: 1px solid #dddddd;
    ;
    border-bottom: 0px;
    border-radius: 2px;
    box-shadow: 0 2px 0px 0 #e2e2e2;
    margin: 0 auto;
    margin-top: 2%;
    display: flex;
}

.top-left {
    background-color: #21b7a8;
    flex: 1;
    border-right: 1px solid #dddddd;
}

.top-right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 4;
}

.layui-tab {
    width: 80%;
    height: 80vh;
    /* z-index: 1; */
    margin: 0 auto;
    position: relative;
    display: flex;
}

.layui-tab-card>.layui-tab-title {
    height: 100%;
    background-color: #21b7a8;
    display: flex;
    flex: 1;
    flex-direction: column;
}
/* 因为已经设置了最小高度，因此没有必要再书写第二个高度 */
/* .layui-tab-card>.layui-tab-title li
{
    height: 6%;
} */
.layui-tab-content {
    height: 100%;
    border-top: 0px;
    flex: 4;
}

.layui-tab-card>.layui-tab-title .layui-this {
    border-left: 5px solid rgb(64, 64, 239);
    background-color: rgb(90, 233, 233);
}
.layui-tab-card>.layui-tab-title li
{
    /* border-left: 1.5px solid rgb(90, 233, 233); */
    border-bottom: 1.5px solid rgb(62, 239, 239);
    /* border-right: 1.5px solid rgb(163, 215, 215); */
}
.voice {
    width: 2.5%;
    height: 5%;
    border-radius: 50%;
    background-color: #cccccc;
    display: none;
    /* z-index: 2; */
    position: absolute;
    top:1%;
    left: 15%;
    display: none;
    align-items: center;
    justify-content: center;
}

.voice-add {
    display: none;
}

@keyframes opca {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.voice:hover {
    animation: big 1s ease-in-out 1 forwards;
}

@keyframes big {
    0% {
        width: 2.5%;
    }

    100% {
        width: 15%;
        border-radius: 5px;
    }
}

@keyframes small {
    0% {
        width: 15%;
        border-radius: 5px;
    }

    100% {
        width: 2.5%;
    }
}

.voice-add span {
    cursor: pointer;
}

.voice-add span:hover {
    color: aqua;
}

.voiceadd {

    height: 0%;
    width: 0%;
    border-right: 1px solid #b0a7a7;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
    display: none;
    flex-direction: column;
    /* flex-direction: column; */
    align-items: center;
    /* justify-content: center; */
    position: absolute;
    left: 40%;
    top: 20%;
    animation: biging 0.75s ease-in-out forwards;
}

.voiceadd>span:nth-of-type(1) {
    font-size: 20px;
    margin-bottom: 5%;

}

.voiceadd span:nth-of-type(2) {
    margin-top: 2%;

}
.voicefile
{
    margin-bottom: 2%;
}
.voicefile>div:nth-of-type(2n-1)
{
margin-top: 5%;
}
.quxiao {
    /* width: 4%;
        height: 4%;
        font-size: 20px; */
    position: absolute;
    left: 81%;
    top: 20%;
    display: none;
    cursor: pointer;
}

.quxiao span {
    font-size: 17px;
}

@keyframes biging {
    0% {
        height: 0%;
        width: 0%;
    }

    100% {
        height: 50%;
        width: 40%;
    }
}

.voiceadd input:nth-of-type(2) {
    margin-top: 5%;
    width: 30%;
    height: 11%;
    padding: 0;
}

.layui-tab-content div:nth-of-type(1) ul li {
    height: 41.86px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    border-bottom: 1px solid rgba(197, 184, 184, 0.882);
}

/* 第二模块论文模块 */
.layui-tab-content div:nth-of-type(2)>span {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.layui-tab-content div:nth-of-type(2)>span:hover {
    color: rgb(138, 138, 240);
}

/* 论文输入界面 */
.shadow {
    width: 100%;
    height: 100%;
    display: none;
    background-color: black;
    opacity: 0.7;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}

.textadd {
    width: 50%;
    height: 85%;
    background-color: #dddddd;
    z-index: 2;
    position: absolute;
    top: 7.5%;
    right: 23%;
    /* display: flex; */
    display: none;
    flex-direction: column;
    /* align-items: center; */
}

.textadd>span:nth-of-type(1) {
    font-size: 17px;
    font-weight: 700;
    display: block;
    width: 15%;
    color: rgb(88, 154, 154);
    margin: 0 auto;
    margin-top: 1.5%;
}

.textadd div {
    margin-top: 3.5%;
    margin-left: 15%;
}

.zuozhe span
{
display: none;
}
.zuozhe>input:hover~span
{
    display: inline;
    color: red;
}
.abstract,.zhengwen
{
    display: flex;
}
.textadd>button:nth-of-type(1)
{
    width: 30%;
    margin: 0 auto;
    margin-top: 3.5%;
}
.textquxiao
{
position: absolute;
left: 78%;
top: 15%;
display: none;
cursor: pointer;
}   
.textupdate
{
    letter-spacing: 3px;
    cursor: pointer;
    text-align: right;
}
.textupdate:hover
{
    color: aqua;
}
.textone ul
{
    height: 100%;
    margin-top: 0;
}
.textone li
{
    height: 41.86px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom:1px solid #dddddd;
}
/* input框样式的调整 */
.textadd div
{
    display: flex;
}
.textadd label
{
    font-size: 17px;
}
.biaoti input
{
    width: 35%;
}
.zuozhe input
{
    width: 35%;
}
.rqi>input
{
    width: 20%;
    padding-left: 3%;
}
/* 外部样式补充 */
.layui-tab-content
{
    padding: 0;
}